<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			@keyframes abc{
				0%{transform: rotateZ(0deg);}
				25%{transform: rotateZ(90deg);}
				50%{transform: rotateZ(180deg);}
				75%{transform: rotateZ(270deg);}
				100%{transform: rotateZ(360deg);}
			}
			
			.box{
				animation: abc 2s infinite;
				top:150px;
				position: relative;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<table border="1px" align="center" width="300px" height="300px">
				<tr align="center">
					<td colspan="2" bgcolor="red">橙</td>
					<td rowspan="2" bgcolor="green">黄</td>
				</tr>
				<tr align="center">
					<td rowspan="2" bgcolor="yellow">白</td>
					<td bgcolor="white">蓝</td>
				</tr>
				<tr align="center">
					<td colspan="2" bgcolor="blue">红</td>				
				</tr>
		</div>
		</table>
	</body>
</html>
